.cir{
  display: flex;
  flex-direction: column;
  .main{
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
   .serch{
     width: 100%;
     height: 26px;
     border: 1px solid ;
     border-radius: 5px;
     border: 1px solid rgba(187, 187, 187, 100);
     display: flex;
     margin: 17px 0;
     i{
       line-height: 28px;
       font-size: 28px;
       color: #ccc;
      //  line-height: 2px;
     }
     input{
       width: 100%;
     }
   }
   .focus_list{
     li{
       display: flex;
       justify-content: space-between;
       align-items: center;
      //  background-color: #ccc;
       margin: 20px 0;
       padding: 10px;
       border-bottom: 1px dashed #ccc;
       div{
         display: flex;
         justify-content: center;
         
         img{
           width: 55px;
           height: 55px;
           object-fit: cover;
           border-radius: 50%;
         }
         span{
           font-size: 14px;
           color: rgba(16, 16, 16, 100);
           display: inline-block;
           width: 100%;
           line-height: 55px;
           text-align: center;
           margin-left: 20px;
         }
       }
       button{
         border: 1px solid rgba(66, 148, 255, 100);
         border-radius: 20px;
         background-color: rgba(255, 255, 255, 0);
         color: rgba(66, 148, 255, 100);
         height: 36px;
       }
     }
   }
  }
}